{% extends "main.html" %}
{% block title %}Company Creation Demo{% endblock %}
{% block head %} {% endblock %}

{% block pageHeader %}
{% include "templates/navigation.html" %}
{% endblock %}

{% block content %}

<div class="preview-block">
	<h2 class="hit-preview">Preview your HITs Package</h2>
	{%if isok%}
	<p class="intro success">
	    Congratulations! {{message}}
	    <br />
	    Check on your HITs Package <a href="https://workersandbox.mturk.com/mturk/findhits" target="_blank">here</a>.
	</p>
	<div class="portlet" style='width:850px'>
	    <div class="portlet-title">
	        <h2>
	            Your HITs
	        </h2>
	    </div>
	    <div class="portlet-content">
	        <table border="0">
	            <thead>
	                <tr>
	                    <th>Title</th>
	                    <th>Client</th>
	                    <th>Campaign</th>
	                    <th>HIT Expiration</th>
	                    <th>Reward</th>
	                    <th>Duration</th>
	                </tr>
	            </thead>
	            <tbody>
	            	{% for i in createdHits%}				
	                <tr>
	                    <td>{{i.title}}</td>
	                    <td>{{i.client}}</td>
	                    <td>{{i.campaign}}</td>
	                    <td title="When HIT will expire">{{i.expiration}}</td>
	                    <td>{{i.reward}}</td>
	                    <td title="Length of time worker has to complete task">{{i.duration}}</td>
	                </tr>
	                {% endfor%}
	            </tbody>
	        </table>
	    </div>
	</div>
	
	{%else%}
	<p class="intro warn">
	    {{message}}
	</p>
	{%endif%}
</div>
{% endblock %}

{% block footer %}
{% include "templates/copyright.html" %}
{% endblock %}